*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:'Inter',sans-serif;background-color:#111827;color:#D1D5DB;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:16px 16px}main{max-width:600px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.logo{width:80px;height:80px;border-radius:.375rem;background-color:#374151;padding:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}h1{font-size:clamp(2.25rem,5vw,3rem);font-weight:700;color:#F9FAFB}p{font-size:clamp(1rem,2.5vw,1.125rem);color:#9CA3AF;line-height:1.6;max-width:50ch}.cta{display:inline-block;background-color:#3B82F6;color:#fff;font-weight:700;text-decoration:none;padding:.75rem 1.5rem;border-radius:.375rem;transition:transform .2s,filter .2s}.cta:hover,.cta:focus{transform:translateY(-2px);filter:brightness(1.1);outline:2px solid #2563EB;outline-offset:2px}.cookie-banner{position:fixed;bottom:1rem;left:1rem;right:1rem;max-width:400px;margin:0 auto;background-color:#374151;color:#D1D5DB;padding:1rem;border-radius:.375rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;transform:translateY(200%);transition:transform .5s ease-in-out;z-index:100}.cookie-banner.show{transform:translateY(0)}.cookie-banner p{font-size:.875rem;text-align:left;color:#D1D5DB}.cookie-btn{background-color:#3B82F6;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-weight:700;flex-shrink:0;transition:filter .2s}.cookie-btn:hover{filter:brightness(1.1)}